/* JDE-LI O SKINOVY STYLOPIS, NASTALA CHYBA PRI NACITANI BAREVNE PALETY SKINU Z DB - POUZITA NOUZOVA DEFINICE BAREV 'ffffffffbb000099ee00dd77333333'*/ body { position: relative; /*background: #ddd;*/ } #left-panel { font-family: Arial, sans-serif; font-size: 14px; position: fixed; display: block; width: 200px; margin: 0; padding: 0 0 0 10px; height: 80%; top: 10%; left: -180px; background: #475058; color: #fff; border-radius: 3px; border: 1px solid #677078; box-shadow: 3px 3px 10px rgba(0,0,0,0.2); -webkit-transition: left 0.2s; /* For Safari 3.1 to 6.0 */ transition: left 0.2s; z-index: 3; overflow: auto;} #left-panel:hover, #left-panel.hover { left: -10px; } #left-panel, #block-menu, #block-types-menu, #block_edit_bar { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #image-upload-progress { position: fixed; display: block; margin: -30px 150px 30px -150px; top: 50%; left: 50%; background: #576068; color: #fff; border-radius: 5px; border: 10px solid #fff; box-shadow: 0 0 0 20px rgba(0,0,0,0.5); font-family: Arial, sans-serif; font-size: 24px; font-weight: bold; height: 60px; line-height: 60px; width: 300px; z-index: 100000; text-align: center; } #proposal div.block.hilite { background-color: #8adaf6 !important; } #proposal div.block img.ce.over { background-color: #8adaf6 !important; } /* #proposal div.block.hilite:before { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; border: 5px solid #8adaf6; background: repeating-linear-gradient( -45deg, transparent, transparent 20px, #8adaf6 20px, #8adaf6 21px); z-index: 1; } #proposal div.block.hilite:before { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; border: 5px solid #8adaf6; z-index: 1; box-shadow: 0 0 0 10000px rgba(0,0,0,0.4); transition: box-shadow 0.5s;} */ /*#proposal div.block *[contenteditable=true].hide {*/ #proposal div.block *.hide { display: none; } #proposal div.block.companycontact.edited a i.hide, #proposal div.block.personalcontact.edited a i.hide { display: inline; font-style: normal; } /*#proposal div.block.edited { background: #8adaf6 !important; } #proposal div.block.edited *.ce { background-color: white !important; color: black; text-shadow: none; } #proposal div.block.edited img.ce, #proposal div.block.pricetab.edited table.ce { background: transparent; }*/ #proposal div.block.pricetab table.ce tr.service td { background: transparent !important; border: none !important; } #proposal div.block input.service { /* neviditelne nosice parametru */ display: none; position: absolute; width: 0; height: 0; margin: 1px 0; padding: 0; } #proposal div.block.edited *[placeholder]:empty:after { content: attr(placeholder); color: #aaa; } /* osetreni nefungujiciho placeholderu (pro contenteditable a IE) - vyzaduje podporu javascriptu (proposalist.fn.clear_placeholder) */ /* pasaz osetrujici vzhled editovanych tabulek, kdy se do vsech bunek obali obsah do editovatelnych DIVu */ #proposal div.block table td { position: relative; } #proposal div.block table td div.cover { position: relative; display: block; margin: 0; padding: 0; top: 0; right: 0; bottom: 0; left: 0; line-height: 1.2; min-height: 1.2em !important; outline: none;} #proposal div.block table td div.cover * { margin: 0; padding: 0;} #proposal div.block table td div.cover:focus { border: 2px solid #8adaf6; margin: -2px; } #layout { position: relative; margin: 0; padding: 10px; font-size: 12pt;/* border-bottom: 1px solid #808090;*/ } #layout:before { content: "Layout:"; font-size: 12px; padding: 5px 0; margin: 0; text-transform: uppercase; color: #808090; } #layout>div { position: relative; outline: 0; clear: left; margin: 3px 0; padding: 7px; height: 20px; line-height: 20px; border: 2px solid #677078; cursor: row-resize; font-style: italic; color: #fff; } #layout>div:hover, #layout>div.selected { background: #8adaf6; color: #000; } #layout>div.selected { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } #layout>div:before { content: "\E82D"; /*"↕";*/ font-family: gallery, sans-serif; margin: 0; display: inline-block; position: relative; left: -5px; padding: 0; text-align: center; width: 10px; height: 20px; color: #808090; font-style: normal; font-weight: bold; } #layout>div.sortable-placeholder { border: 2px dashed #677078; background: #576068; } #layout>div.sortable-placeholder:before { content: ""; } #layout>div.custom { /* podoba bloku s uzivatelskym popiskem */ font-weight: bold; font-style: normal; } #skin { position: relative; margin: 0 10px; padding: 10px 0 0 0; } #skin:before { content: "Skin:"; font-size: 12px; padding: 5px 0; margin: 0; text-transform: uppercase; color: #808090; } #skin span { display: block; padding: 10px; margin: 0; background: #677078; border-radius: 3px; text-decoration: none; font-weight: bold; color: #fff; } #skin span:hover { background: #8adaf6; color: #000; } #skin span:before { font-family: gallery, sans-serif; content: "\E82A"; position: absolute; display: block; text-align: right; width: 160px; } #colors { position: relative; display: block; margin: 0; padding: 10px; font-size: 12pt; border-bottom: 1px solid #808090; } #colors li { display: inline-block; list-style: none; width: 20px; height: 20px; border: none; border-radius: 3px; margin: 1px; padding: 0; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3); cursor: pointer; } #colors li#resetcolors { width: auto; height: 22px; line-height: 22px; float: right; background: #677078; border-radius: 3px; margin: 0; padding: 0 10px; font-size: 12px; text-transform: uppercase; box-shadow: none; } #colors li#resetcolors:hover { background: #8adaf6; color: #000; } #left-panel .preview { border-bottom: 1px solid #808090;} #left-panel #show-preview { display: block; margin: 10px; padding: 10px; background: #677078; border-radius: 3px; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 12px; color: #fff; } #left-panel #show-preview:hover { background: #8adaf6; color: #000; } #left-panel button { display: block; position: relative; width: 180px; height: 40px; line-height: 35px; font-size: 12px; margin: -10px 10px 10px 10px; padding: 0; background: #3cd9d6; border: 0; border-radius: 3px; text-decoration: none; text-transform: uppercase; text-align: center; color: #fff; cursor: pointer; } #left-panel button:before { position: relative; content: "+"; margin: 0 10px 0 0; top: 2px; font-family: gallery, sans-serif; font-size: 20px; line-height: 35px; } #left-panel button:hover { background: #8adaf6; color: #000;} #left-panel form { margin: 10px; } #left-panel form input { position: absolute; top: -100px; z-index: -1;} #left-panel form input+label { position: relative; cursor: pointer; } #left-panel form input+label:before { position: relative; content: ""; display: block; float: left; width: 18px; height: 18px; line-height: 18px; font-size: 18px; margin: -3px 10px 3px 0; padding: 0; text-align: center; border: 2px solid #677078; border-radius: 3px; font-family: gallery, sans-serif; } #left-panel form input:checked+label:before { content: "v"; } #left-panel form input:not(:checked)+label:hover:before { content: "v"; color: #677078; } #block-menu, #block-types-menu { font-family: Arial, sans-serif; font-size: 14px; position: fixed; display: block; width: 200px; margin: 0; padding: 0px; left: 200px; border: 1px solid #576068; background: #3a4249; color: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.5); z-index: 3; } #block-types-menu { left: 400px; z-index: 4; } #block-menu:before { /* popisek menu operaci s bloky */ content: "Block operations:"; display: block; padding: 10px; margin: 0; font-size: 12px; text-transform: uppercase; color: #808090; border-bottom: 1px solid #677078; } #block-menu>div, #block-types-menu>div { padding: 5px 10px; margin: 0; cursor: pointer; } #block-menu>div.selected, #block-menu>div:hover, #block-types-menu>div:hover { background: #8adaf6; color: #000; } #block-types-menu.onpage { position: absolute; } #proposal span.deleter { display: none; position: absolute; width: 40px; height: 40px; line-height: 40px; margin: 0; padding: 0; top: 40px; right: 40px; text-align: center; font-family: gallery, sans-serif; font-size: 20px; border: 2px solid #000; border-radius: 50%; background: rgba(255,255,255,0.5); color: #000; cursor: pointer; z-index: 6; } #proposal span.deleter:hover { background: #8adaf6; } /* #menu-mica { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; }*/ /* --- zvyrazneni bloku pod kurzorem a nastylovani baru s tlacitka pro manipulaci s blokem --- */ #proposal.edit-mode div.block { box-shadow: inset 0 0 0 #fff; -webkit-transition: box-shadow 0.5s; /* For Safari 3.1 to 6.0 */ transition: box-shadow 0.5s; } #proposal.edit-mode div.block:hover { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); } #proposal.edit-mode div.block .ce:hover { /* --- pokus s mravenci :-) --- border-width: 1px; border-image: url('/ants.gif') 8 repeat repeat; -moz-border-image: url('/ants.gif') 1 repeat repeat; -webkit-border-image: url('/ants.gif') 1 repeat repeat; --- */ } #proposal.edit-mode div.block #block_edit_bar { opacity: 1; display: block; position: absolute; padding: 5px 0; top: 0; bottom: auto; left: 50%; width: 1198px; margin: 0 -600px; background: #475058; color: #fff; z-index: 3; font-family: Arial, sans-serif; font-size: 24px; text-align: center; box-shadow: 0 4px 8px rgba(0,0,0,0.3); border: 1px solid #677078; border-top: none; } #proposal.edit-mode div.block.edited #block_edit_bar { top: auto; bottom: 100%; border: 1px solid #677078; border-bottom: none; } #proposal.edit-mode div.block.edited #block_edit_bar #edit_entrance, #proposal.edit-mode div.block.edited #block_edit_bar #edit_as_text { background: #8adaf6; color: #000; } #proposal.edit-mode div.block #block_edit_bar>span { font-family: gallery, sans-serif; text-align: center; display: inline-block; position: static; margin: 0 5px; padding: 0; height: 40px; line-height: 40px; width: 40px; background: #576068; border-radius: 50%; cursor: pointer; } #proposal.edit-mode div.block #block_edit_bar>span:hover { background: #8adaf6; color: #000; } #proposal.edit-mode div.block #block_edit_bar>span:hover:before { content: attr(data-title); position: absolute; top: calc(100% + 2px); font-family: Arial, sans-serif; font-size: 14px; background: rgba(0,0,0,0.4); color: #fff; margin: 0 0 0 -100px; padding: 10px; line-height: 1; } #proposal.edit-mode div.block #block_edit_bar>span#edit_entrance, #proposal.edit-mode div.block #block_edit_bar>span#edit_as_text, #proposal.edit-mode div.block #block_edit_bar>span#edit_color_scheme { font-family: Arial, sans-serif; font-size: 16px; border-radius: 3px; } #proposal.edit-mode div.block #block_edit_bar>span#edit_entrance, #proposal.edit-mode div.block #block_edit_bar>span#edit_as_text { width: 510px; position: relative; top: -2px; } #proposal.edit-mode div.block #block_edit_bar>span#edit_entrance:hover:before, #proposal.edit-mode div.block #block_edit_bar>span#edit_as_text:hover:before { margin-left: -150px; } #proposal.edit-mode div.block #block_edit_bar>span#edit_color_scheme { width: 300px; position: relative; top: -1px; } #proposal.edit-mode div.block #block_edit_bar>span#edit_color_scheme:hover:before { margin-left: -50px; } #proposal.edit-mode div.block #edit_color_scheme b { display: none; } #proposal.edit-mode div.block #edit_color_scheme:after { font-family: gallery, sans-serif; } #proposal.edit-mode div.block #edit_color_scheme.cs0:after { content: " O \E819 \E819"; } #proposal.edit-mode div.block #edit_color_scheme.cs1:after { content: " \E819 O \E819"; } #proposal.edit-mode div.block #edit_color_scheme.cs2:after { content: " \E819 \E819 O"; } /* pridana definice pro DOM ID bloku nabídky */ #proposal.edit-mode div.block #block_edit_bar > i#beb_block_id { position: absolute; top: 100%; right: 0; left: auto; display: block; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; background-color: #475058; color: #fff; font-size: 14px; margin: 0; padding: 0 1em; height: 30px; line-height: 30px; width: auto; border-radius: 0; opacity: 0.5;} #proposal.edit-mode div.block #block_edit_bar > i#beb_block_id::before, #proposal.edit-mode div.block #block_edit_bar > i#beb_block_id::after { display: none !important; } #proposal.edit-mode div.block.idle #block_edit_bar { opacity: 0; transition: opacity 1s; } /* --- GALERIE --- */ #mica { display: block; position: fixed; margin: 0; padding: 0; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.2); z-index: 10; } #mica.transparent { background: transparent; z-index: 3; } #desk { font-family: Arial, sans-serif; display: block; position: fixed; margin: 0; padding: 0; top: 40px; right: 40px; bottom: 40px; left: 40px; border-radius: 3px; border: 1px solid #808090; background: #3a4249; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.6); z-index: 11; } #desk-header { position: absolute; display: block; margin: 0; padding: 0; top: 10px; right: 10px; bottom: auto; left: 10px; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #3a4249; } #desk-header:after { content: ""; display: block; clear: both; height: 0; } #desk-header p { display: block; margin: 0; padding: 0; width: 50%; float: left; } #desk-header p:last-child { float: right; } #desk-header p a { display: block; margin: 0; padding: 10px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: none; border-bottom: 1px solid rgba(0,0,0,0.4); text-align: center; font-size: 20px; font-weight: bold; color: #fff; text-decoration: none; } #desk-header p a.selected { background: #576068; box-shadow: 0 0 6px rgba(0,0,0,0.4); border-bottom: none; } #desk-header p a:hover { background: rgba(255,255,255,0.2); } #desk-footer { display: block; position: absolute; margin: 0; padding: 0; top: auto; right: 0; bottom: 10px; left: 0; border: 0; width: 100%; height: 30px; } #desk-footer p { margin: 0; padding: 0; text-align: center; } #desk-footer p label[for="filter"] { float: left; margin: 0 30px; font-size: 16px; color: #808090; height: 30px; line-height: 30px; } #desk-footer p label[for="filter"] input { margin: 0 10px; padding: 0 10px; font-size: 16px; height: 30px; line-height: 30px; border-radius: 3px; box-sizing: border-box; } #desk-footer p a { float: right; display: inline-block; margin: 0 10px; width: 150px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; border-radius: 3px; font-size: 16px; color: #fff; background: #677078; } #desk-footer p a:hover { background: #8adaf6; color: #000; } #desk-footer span.sandbox { position: relative; font-size: 20px; color: #fff; top: 5px; } #desk ul.imgs { display: block; position: absolute; margin: 0; padding: 10px 0 0 10px; top: 50px; right: 0px; bottom: 50px; left: 0px; background: #3a4249; overflow: auto; border: 10px solid #576068; box-shadow: inset 0 0 10px rgba(0,0,0,0.4); } #desk ul.imgs.over { background: #8adaf6; } #desk ul.imgs::-webkit-scrollbar { -webkit-appearance: show; width: 10px; background: #808090; } #desk ul.imgs::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } #desk ul.imgs li { display: inline-block; list-style-type: none; width: 180px; height: 180px; padding: 10px; margin: 0 10px 10px 0; box-shadow: 2px 2px 4px rgba(0,0,0,0.2); border-radius: 3px; background: white; } #desk ul.imgs li.hide { display: none; } #desk ul.imgs li:hover { position: relative; box-shadow: 4px 4px 8px rgba(0,0,0,0.5); background: #8adaf6; } #desk ul.imgs li * { position: relative; } #desk ul.imgs li a:first-child { display: block; width: 180px; height: 120px; box-shadow: inset 0 0 4px rgba(0,0,0,0.4); text-decoration: none; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } #desk ul.imgs li:hover a:first-child { box-shadow: inset 3px 3px 8px rgba(0,0,0,0.4); background-size: cover; border-color: rgba(0,0,0,0.2); } #desk ul.imgs li input[name="name"] { display: block; width: 180px; height: 22px; margin: 5px 0 3px 0; border: none; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-align: center; } #desk ul.imgs li input[readonly="readonly"] { background: transparent; } #desk ul.imgs li span { display: block; width: 180px; height: 15px; border: none; font-size: 12px; color: gray; text-align: center; } #desk ul.imgs li a.delete, #desk ul.imgs li a.zoom { display: none; } #desk ul.imgs li:hover a.delete, #desk ul.imgs li:hover a.zoom { display: block; top: -180px; right: 0; width: 30px; height: 30px; line-height: 30px; float: right; background: rgba(0,0,0,0.2); color: #fff; border-radius: 50%; text-decoration: none; text-align: center; font-family: gallery, Arial, sans-serif; font-size: 24px; } #desk ul.imgs li:hover a.zoom { float: left; left: 0; } #desk ul.imgs li:hover a.delete:hover, #desk ul.imgs li:hover a.zoom:hover { background: white; color: black; } #desk ul.imgs li#imghash_new { border: 0; width: 180px; height: 180px; box-shadow: none; background: transparent; cursor: pointer; color: #808090; } #desk ul.imgs li#imghash_new:hover *, #desk ul.imgs li#imghash_new:hover { background: #475058; color: #fff; } #desk ul.imgs li#imghash_new * { display: block; text-align: center; } #desk ul.imgs li#imghash_new b { font-family: gallery, Arial, sans-serif; font-size: 80px; line-height: 1; padding: 20px 0 16px 0; color: #fff; } #desk ul.imgs li#imghash_new span { font-size: 14px; margin-bottom: 30px; } #image-preview { position: fixed; z-index: 20; margin: 0; padding: 0; left: 0; right: 0; top: 0; bottom: 0; background-color: #3a4249; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; } #image-preview p { font-family: Arial, sans-serif; font-size: 20px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,1); background: rgba(0,0,0,0.4); text-align: center; padding: 1em 2em; border-radius: 3px; position: fixed; z-index: 21; margin: 0; left: 100px; right: 100px; top: 100px; bottom: 100px; } #image-preview p.back { bottom: auto; } #image-preview p.usage { top: auto; } /*--- SKIN GALLERY - zacatek ---*/ #desk.skins #desk-header p { float: none; width: 50%; min-width: 300px; display: block; margin: 0 auto; padding: 10px 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border: none; text-align: center; font-size: 20px; font-weight: bold; text-decoration: none; background: #576068; color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.4); border-bottom: none; } /*#desk.skins ul#skin-gallery { display: block; position: absolute; margin: 0; padding: 10px 0 0 10px; top: 50px; right: 10px; bottom: 50px; left: 10px; background: rgba(0,0,0,0.1); overflow: auto; border: 1px solid #ccc; border-radius: 6px; box-shadow: inset 0 0 10px rgba(0,0,0,0.3); }*/ #desk.skins ul#skin-gallery { display: block; position: absolute; margin: 0; padding: 10px 0 0 10px; top: 50px; right: 0px; bottom: 50px; left: 0px; background: #3a4249; overflow: auto; border: 10px solid #576068; box-shadow: inset 0 0 10px rgba(0,0,0,0.4); } #desk.skins ul#skin-gallery::-webkit-scrollbar { -webkit-appearance: show; width: 10px; } #desk.skins ul#skin-gallery::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } #desk.skins ul#skin-gallery li { display: inline-block; float: left; list-style-type: none; padding: 10px; margin: 0 10px 10px 0; box-shadow: 2px 2px 4px rgba(0,0,0,0.2); border-radius: 3px; border: 1px solid rgba(0,0,0,0.2); background: white; } #desk.skins ul#skin-gallery li.selected { background: #8adaf6; } #desk.skins ul#skin-gallery:after { content: ""; display: block; clear: both; height: 0; line-height: 0.1; } #desk.skins ul#skin-gallery>li>h3 { text-align: center; margin: 10px 0 20px 0; padding: 0; color: #000; font-size: 24px; font-weight: normal; } #desk.skins ul#skin-gallery>li>span { display: block; position: relative; margin: 0; padding: 0; text-align: center; width: 300px; /* --- z teto hodnoty (a sirky UL) se vypocitava zmenseni obsahu iframu --- */ overflow: hidden; } #desk.skins ul#skin-gallery>li>span>div.mica { display: block; position: absolute; top: 0; cursor: pointer; box-shadow: inset 0 0 10px rgba(0,0,0,0.3); } #desk.skins ul#skin-gallery>li>span:hover>div.mica { box-shadow: inset 0 0 10px rgba(0,0,0,0.8); } #desk.skins ul#skin-gallery>li>span>iframe { -o-transform-origin: top left; -moz-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; margin: 0 auto; padding: 0; width: 1200px; /* --- nutno zadat (jde o puvodne zamyslenou idealni sirku nabidky) jinak se rozsype vzhled--- */ height: 0; /* --- iniciacne nulova vyska - spravna vyska se vypocita po nacteni dokumentu a opravi --- */ border: none; } #desk-footer p label { float: left; margin: 0 30px; font-size: 18px; color: #666; } #desk-footer p label select { margin: 0 10px; padding: 2px 10px; font-size: 18px; } #desk-footer p label[for="resolution"] { display: none; } #desk-footer label[for="default_colors"] > button { width: 150px; height: 30px; line-height: 30px; margin: 0; padding: 0; text-align: center; background: #677078; border-radius: 0; color: #fff; border: 0; font-family: Arial, sans-serif; font-size: 16px; cursor: pointer; } #desk-footer label[for="default_colors"] > button:first-child { margin-left: 20px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #desk-footer label[for="default_colors"] > button.selected { background: #8adaf6; color: #000; } #desk-footer label[for="default_colors"] > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /*--- SKIN GALLERY - konec ---*/ /*--- ZVYRAZNENI EDITACE - zacatek ---*/ #proposal div.block:hover img, #proposal div.block:hover .ce:not(table), #proposal div.block:hover table.ce td, #proposal div.block.edited img, #proposal div.block.edited .ce:not(table), #proposal div.block.edited table.ce td, div.img-js-cross, #proposal div.block.edited input.service { box-shadow: 0 0 0 1px rgba(0,0,0,0.2), inset 0 0 0 1px rgba(255,255,255,0.4); } #proposal div.block:hover img:hover, #proposal div.block:hover .ce:not(table):hover, #proposal div.block:hover table.ce td:hover, #proposal div.block.edited img:hover, #proposal div.block.edited .ce:not(table):hover, #proposal div.block.edited table.ce td:hover { box-shadow: 0 0 0 1px rgba(0,0,0,0.3), inset 0 0 0 1px rgba(255,255,255,0.7); } #proposal div.block.idle:hover img, #proposal div.block.idle:hover .ce:not(table), #proposal div.block.idle:hover table.ce td, #proposal div.block.idle.edited img, #proposal div.block.idle.edited .ce:not(table), #proposal div.block.idle.edited table.ce td, div.img-js-cross { box-shadow: 0 0 0 1px rgba(0,0,0,0), inset 0 0 0 1px rgba(255,255,255,0); transition: box-shadow 1s; } #proposal div.block:hover .ce:focus, #proposal div.block:hover .ce:hover:focus, #proposal div.block.edited .ce:focus, #proposal div.block.edited .ce:hover:focus, #proposal div.block .ce:hover:focus, #proposal div.block .ce:focus, #proposal div.block.idle:hover .ce:focus, #proposal div.block.idle:hover .ce:hover:focus, #proposal div.block.idle.edited .ce:focus, #proposal div.block.idle.edited .ce:hover:focus, #proposal div.block.idle .ce:hover:focus, #proposal div.block.idle .ce:focus { outline: none; box-shadow: 0 0 0 1px #8adaf6, 0 0 12px #8adaf6; transition: box-shadow 0.2s ease-in-out; } #proposal div.block div.map-canvas img { box-shadow: none; } #proposal div.block.edited div.image:after, #proposal div.block:hover div.image:after, div.img-js-cross { opacity: 1; position: absolute; display: block; pointer-events: none; background-image: linear-gradient(to bottom right, transparent 0%, transparent 49.8%, rgba(255, 255, 255, 0.6) 49.8%, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 50.2%, transparent 50.2%, transparent 100% ), linear-gradient(to bottom left, transparent 0%, transparent 49.8%, rgba(255, 255, 255, 0.6) 49.8%, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 50.2%, transparent 50.2%, transparent 100% ); /* background-image: linear-gradient(to bottom right, transparent 0%, transparent calc(50% - 1px), rgba(255, 255, 255, 0.6) calc(50% - 1px), rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) calc(50% + 1px), transparent calc(50% + 1px), transparent 100% ), linear-gradient(to bottom left, transparent 0%, transparent calc(50% - 1px), rgba(255, 255, 255, 0.6) calc(50% - 1px), rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) calc(50% + 1px), transparent calc(50% + 1px), transparent 100% ); */ } #proposal div.block.edited div.image:after, #proposal div.block:hover div.image:after { content: ""; left: 0; right: 0; top: 0; bottom: 0; } #proposal div.block.idle.edited div.image:after, #proposal div.block.idle:hover div.image:after, div.img-js-cross.idle { opacity: 0; transition: opacity 1s; } #proposal.mysort-dragged-container div.block.edited div.image:after, #proposal.mysort-dragged-container div.block:hover div.image:after, div.img-js-cross.hide { display: none; } /*--- ZVYRAZNENI EDITACE - konec ---*/ #proposal.mysort-dragged-container { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; transition: transform .5s; box-sizing: border-box; max-width: 1200px; margin-left: auto; margin-right: auto; cursor: move; box-shadow: 0 0 50px rgba(0,0,0,0.3); } #proposal.mysort-blink { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #proposal .mysort-dragged { opacity: 1; box-shadow: 10px 10px 20px rgba(0,0,0,0.5) !important; width: 100%; cursor: move; } #proposal .mysort-moved { opacity: 1; } #proposal .mysort-moved .mysort-mica { border-color: #8adaf6; border-width: 0 100px; border-style: solid; left: -100px !important; border-radius: 20px; background: rgba(138, 218, 246, 0.9) !important; /*background: #8adaf6 !important;*/ } #proposal .mysort-handle { cursor: move; } #proposal.mysort-blink .mysort-moved { opacity: 1; z-index: 10; box-shadow: 0 0 0 1000px rgba(0,0,0,0.4); -webkit-transition: box-shadow 1s ease-in-out; -moz-transition: box-shadow 1s ease-in-out; -ms-transition: box-shadow 1s ease-in-out; transition: box-shadow 1s ease-in-out; } /* prepsani defaultni definice pro block-edit-bar */ #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#edit_entrance, #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#edit_as_text { width: 200px; } #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#edit_entrance:hover:before, #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#edit_as_text:hover:before { margin-left: -30px; } #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#edit_color_scheme { width: 200px; position: relative; top: -1px; } #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#edit_color_scheme:hover:before { margin-left: -17px; } /* #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#beb_handle { width: 380px; margin: 5px 15px; top: -2px; position: relative; border-radius: 3px; font-family: Arial, sans-serif; font-size: 16px; background: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2210%22%20width%3D%2210%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22black%22%20%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%223%22%20fill%3D%22%23677078%22%20%2F%3E%3C%2Fsvg%3E') repeat; } #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#beb_handle:hover { background: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2210%22%20width%3D%2210%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22black%22%20%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%223%22%20fill%3D%22%23778790%22%20%2F%3E%3C%2Fsvg%3E') repeat; } */ #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#beb_handle { width: 400px; top: -2px; position: relative; border-radius: 3px; font-family: Arial, sans-serif; font-size: 16px; background: url('data:image/svg+xml,%3Csvg%20id%3D%22holder%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2240%22%20width%3D%22400%22%3E%0A%09%3Cstyle%3E%0A%09%09%23holder%20line%2C%20%23holder%20polygon%20%7B%20stroke%3A%20%23677078%3B%20stroke-width%3A%203px%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20none%3B%20%7D%0A%09%09%23holder%20polygon%20%7B%20fill%3A%20%23677078%3B%20%7D%0A%09%3C%2Fstyle%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%224.5%22%20x2%3D%22182%22%20y2%3D%224.5%22%2F%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%2210.5%22%20x2%3D%22182%22%20y2%3D%2210.5%22%2F%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%2216.5%22%20x2%3D%22182%22%20y2%3D%2216.5%22%2F%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%2222.5%22%20x2%3D%22182%22%20y2%3D%2222.5%22%2F%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%2228.5%22%20x2%3D%22182%22%20y2%3D%2228.5%22%2F%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%2234.5%22%20x2%3D%22182%22%20y2%3D%2234.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%224.5%22%20x2%3D%22395%22%20y2%3D%224.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%2210.5%22%20x2%3D%22395%22%20y2%3D%2210.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%2216.5%22%20x2%3D%22395%22%20y2%3D%2216.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%2222.5%22%20x2%3D%22395%22%20y2%3D%2222.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%2228.5%22%20x2%3D%22395%22%20y2%3D%2228.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%2234.5%22%20x2%3D%22395%22%20y2%3D%2234.5%22%2F%3E%0A%09%3Cpolygon%20points%3D%22189.5%2C16.5%20200%2C6%20210.5%2C16.5%20%22%2F%3E%0A%09%3Cpolygon%20points%3D%22210.5%2C22.5%20200%2C33%20189.5%2C22.5%20%22%2F%3E%0A%3C%2Fsvg%3E') repeat; } #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#beb_handle:hover { background: url('data:image/svg+xml,%3Csvg%20id%3D%22holder%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20height%3D%2240%22%20width%3D%22400%22%3E%0A%09%3Cstyle%3E%0A%09%09%23holder%20line%2C%20%23holder%20polygon%20%7B%20stroke%3A%20%23677078%3B%20stroke-width%3A%203px%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-miterlimit%3A%2010%3B%20fill%3A%20none%3B%20%7D%0A%09%09%23holder%20polygon%20%7B%20stroke%3A%20%23ffffff%3B%20fill%3A%20%23ffffff%3B%20%7D%0A%09%3C%2Fstyle%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%224.5%22%20x2%3D%22182%22%20y2%3D%224.5%22%2F%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%2210.5%22%20x2%3D%22182%22%20y2%3D%2210.5%22%2F%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%2216.5%22%20x2%3D%22182%22%20y2%3D%2216.5%22%2F%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%2222.5%22%20x2%3D%22182%22%20y2%3D%2222.5%22%2F%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%2228.5%22%20x2%3D%22182%22%20y2%3D%2228.5%22%2F%3E%0A%09%3Cline%20x1%3D%225%22%20y1%3D%2234.5%22%20x2%3D%22182%22%20y2%3D%2234.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%224.5%22%20x2%3D%22395%22%20y2%3D%224.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%2210.5%22%20x2%3D%22395%22%20y2%3D%2210.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%2216.5%22%20x2%3D%22395%22%20y2%3D%2216.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%2222.5%22%20x2%3D%22395%22%20y2%3D%2222.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%2228.5%22%20x2%3D%22395%22%20y2%3D%2228.5%22%2F%3E%0A%09%3Cline%20x1%3D%22218%22%20y1%3D%2234.5%22%20x2%3D%22395%22%20y2%3D%2234.5%22%2F%3E%0A%09%3Cpolygon%20points%3D%22189.5%2C16.5%20200%2C6%20210.5%2C16.5%20%22%2F%3E%0A%09%3Cpolygon%20points%3D%22210.5%2C22.5%20200%2C33%20189.5%2C22.5%20%22%2F%3E%0A%3C%2Fsvg%3E') repeat; } #proposal.edit-mode div.block.mysort-draggable #block_edit_bar>span#beb_handle:hover:before { margin-left: -100px; } #text-edit-table { position: fixed; top: 40px; right: 40px; bottom: 40px; left: 40px; min-width: 680px; min-height: 200px; background: #3a4249; border: 1px solid #808090; border-radius: 3px; box-shadow: 0 0 15px rgba(0,0,0,0.5); overflow: hidden; z-index: 100; } #text-edit-table h3 { color: #ddd; font-size: 18px; font-weight: bold; margin: 0; padding: 10px 20px; border-bottom: 1px solid #666; } #text-edit-table h3 i { float: right; font-weight: normal; font-size: 16px; } #text-edit-table p { color: #fff; font-size: 16px; font-weight: normal; margin: 0; padding: 10px 20px; } #text-edit-table p { position: absolute; height: 30px; top: auto; right: 0; bottom: 0; left: 0; text-align: right; } #text-edit-table p span { float: left; line-height: 28px; } #text-edit-table p span input[type=range] { display: inline-block; width: 20ch; margin: 0 2ch; } #text-edit-table p span input[type=range]+span { padding: 2px 10px; border: 1px solid #777; border-radius: 4px; float: none; } #text-edit-table p input[type=button] { border: none; background: #677078; border-radius: 3px; height: 28px; line-height: 28px; padding: 0 20px; margin: 0 0 0 20px; font-size: 16px; color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.3); cursor: pointer; } #text-edit-table p input[type=button]:hover { background: #8adaf6; color: #000; box-shadow: 0 0 8px rgba(0,0,0,0.6); } #text-edit-table div { position: absolute; top: 60px; right: 20px; bottom: 50px; left: 20px; padding: 0; overflow: auto; } #text-edit-table div textarea { font-family: "Droid Sans Mono", monospace; font-size: 11pt; border: 1px solid #ccc; padding: 0; margin: 0; outline: none; width: 600em; min-height: 290em; width: 1000ch; min-height: 500ch; -webkit-tab-size: 20; -moz-tab-size: 20; -o-tab-size: 20; tab-size: 20; line-height: 1.5em; background-size: 20ch 1.5em; background-color: #fff; background-repeat: repeat; background-image: linear-gradient(90deg, transparent 19.7ch, #cee 19.9ch, #cee 20ch, transparent 20ch), linear-gradient(transparent 1.4em, #cee 1.4em, #cee 1.5em, transparent 1.5em); } #text-edit-table.ie p span { display: none; } #text-edit-table.ie div textarea { background-image: none !important; } /* ----- loader-spinner ----- */ #desk>ul.imgs:empty:before, .loader:after { display: block; content: "loading..."; position: absolute; float: left; width: 7em; height: 2em; border-radius: 2em; top: 50%; left: 50%; margin: -1em -3.5em; color: #000; text-align: center; line-height: 2em; z-index: 10; background: #fff; box-shadow: 0 0 1em rgba(0,0,0,0.2); } #desk>ul.imgs:empty:after, .loader:before { display: block; content: ""; position: absolute; float: left; border-radius: 50%; width: 8em; height: 8em; top: 50%; left: 50%; margin: -5em; border: 1em solid rgba(255,255,255,0.2); border-left-color: #ffffff; box-shadow: 0 0 1em rgba(0,0,0,0.2), inset 0 0 1em rgba(0,0,0,0.2); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: loader 1.1s infinite linear; animation: loader 1.1s infinite linear; } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* ----- loader-spinner ----- */ #edit-buttons, #edit-add { display: block; position: absolute !important; margin: 0; padding: 0; top: 10px; left: 10px; width: 90px; height: 30px; border-radius: 5px; line-height: 30px; text-align: center; background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.6); color: rgba(255,255,255,0.6); font-family: gallery, Arial, sans-serif; font-size: 20px; z-index: 3; cursor: pointer; } #edit-add { width: 40px; left: auto; right: 10px; } #edit-buttons > * { display: inline-block; width: 29px; height: 30px; line-height: 30px; border-right: 1px solid rgba(255,255,255,0.6); font-weight: normal; } #edit-buttons > *:last-child { border-right: none; } #edit-buttons > *:hover, #edit-add:hover { color: #8adaf6; } #edit-buttons > *:active { color: #fff; } #edit-buttons:hover { background: #000; border-color: #fff; color: #fff; } #edit-buttons:hover > * { border-right-color: #fff; } #edit-frame { display: none; position: absolute !important; pointer-events: none; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.1); border-radius: 5px; box-shadow: inset 0 0 0 1px #8adaf6; z-index: 2; } #edit-buttons:hover + #edit-frame { display: block !important; } #text-tools { background: #8adaf6; color: #ddd; margin: 0; padding: 2px; position: absolute; display: table; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 0; z-index: 2; vertical-align: top; } #text-tools:not(.evo2) li { list-style: none; margin: 2px; padding: 0; display: inline-block; width: 20px; height: 20px; overflow: hidden; font-size: 14px; cursor: pointer; } #text-tools:not(.evo2) li:before { display: block; width: 20px; height: 20px; line-height: 22px; border-radius: 3px; text-align: center; background: #3a4249; color: #ccc; font-family: Times, serif; } #text-tools:not(.evo2) li.bold:before { content: "B"; font-weight: bold; } #text-tools:not(.evo2) li.italic:before { content: "I"; font-style: italic; } #text-tools:not(.evo2) li.superscript:before { content: "X\00B2"; font-style: superscript; } #text-tools:not(.evo2) li.subscript:before { content: "X\2082"; font-style: italic; } #text-tools:not(.evo2) li.removeformat:before { content: "\203AT\2039"; } #text-tools:not(.evo2) li:hover:before { background: #000; color: #fff; } #text-tools:not(.evo2) li.selected:before { color: #000 !important; background: #fff; } #text-tools:not(.evo2) li.link:before { font-family: gallery; content: "\E84C"; } #text-tools:not(.evo2) li.link.selected:hover:before { content: "\E83D"; } #text-tools:not(.evo2) li.url { margin: 0; padding: 0 5px; width: auto; display: inline; position: relative; font-size: 16px; font-family: sans-serif; height: 16px; line-height: 10px; top: -7px; white-space: nowrap; background: transparent; color: #000; } #text-tools:not(.evo2) li.url:empty { display: none; } #text-tools.evo2 li { list-style: none; margin: 2px; padding: 0; display: inline-block; position: relative; width: 20px; height: 20px; font-size: 14px; cursor: pointer; line-height: 22px; border-radius: 3px; text-align: center; background: #3a4249; color: #ccc; font-family: Times, serif; } #text-tools.evo2 li:hover { background: #000; color: #fff; } #text-tools.evo2 li.selected { color: #000 !important; background: #fff; } #text-tools.evo2 li.link { top: 1px; font-family: gallery; } #text-tools.evo2 li.link.selected:hover { content: "\E83D"; } #text-tools.evo2 li.url { padding: 0 5px; width: auto; max-width: auto; background: transparent; color: #3a4249; } #text-tools.evo2 li.url:hover { background: transparent; color: #000; } #text-tools.evo2 li.url:empty { display: none; } #proposal .ce:focus a.outline { background: rgba(138, 218, 246, 0.2); } #proposal .ce:focus a.hilite { background: rgba(138, 218, 246, 0.6); } /*--- funkcionalita sdileni nabidky s jinymi uzivateli ---*/ #header button[name="p-share"]+#sharings { display: none; position: absolute; z-index: 5; top: 90px; left: 50%; width: 220px; margin: 0 110px 0 -110px; padding: 0; background: #475058; color: #ccc; border-radius: 4px; border: 1px solid #677078; list-style: none; overflow: hidden; } #header button[name="p-share"]:hover+#sharings, #header button[name="p-share"]+#sharings:hover { display: block; } #sharings li { white-space: nowrap; padding: 5px 10px; margin: 0; height: 20px; line-height: 20px; } #sharings li.header { color: #808090; cursor: default; } #sharings li:not(.header):hover { background: #3a4249; color: #8adaf6; cursor: pointer; } #sharings li span { display: inline-block; text-align: left; margin: 0; height: 20px; line-height: 20px; vertical-align: top; } #sharings li span:nth-child(1) { width: 120px; } #sharings li:not(.header) span:nth-child(1) { font-size: 14px; text-transform: none; } #sharings li span:nth-child(2) { width: 80px; } #sharings li:not(.header) span:nth-child(2) { font-size: 10px; line-height: 10px; } #sharings li span:nth-child(3) { display: none; position: relative; left: -20px; font-family: gallery; font-size: 20px; } #sharings li:hover span:nth-child(3) { display: inline-block; } #sharings li:last-child span:first-child { width: 100%; text-align: center; font-family: gallery; font-size: 20px; } #sharing-mica { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 21; } #sharing-mica form { position: fixed; top: 50%; left: 50%; width: 400px; min-height: 180px; margin: -90px 200px 90px -200px; border-radius: 4px; text-transform: none; font-size: 16px; background: #fff; color: #3a4249; box-shadow: 4px 4px 16px rgba(0,0,0,0.6); cursor: auto; } #sharing-mica form h2 { font-size: 30px; font-weight: bold; color: #0d0; margin: 0; padding: 50px 20px 20px 20px; } #sharing-mica form h3 { font-size: 20px; font-weight: bold; color: #fff; background: #475058; margin: 0; padding: 10px 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; } #sharing-mica form h3 span { position: absolute; right: 10px; font-family: gallery; font-size: 20px; display: inline-block; width: 20px; height: 20px; overflow: hidden; cursor: pointer; } #sharing-mica form h3 span:hover { color: #8adaf6; } #sharing-mica form h3 span:before { content: "X"; display: block; width: 20px; height: 20px; } #sharing-mica form p { margin: 0; padding: 10px 20px; } #sharing-mica form p.hilite { color: #b00; font-weight: bold; } #header #sharing-mica form p input[type=text] { width: 220px; display: inline-block; margin: 0 20px 0 0; } #header #sharing-mica form p input[type=submit] { width: 80px; display: inline-block; box-shadow: 2px 2px 2px rgba(0,0,0,0.3); background: #576068; border: 1px solid #3a4249; color: #fff; cursor: pointer; } #header #sharing-mica form p input[type=submit]:hover { color: #3a4249; background: #8adaf6; } @media print { #left-panel, #block_edit_bar { display: none; } } /* --- timer --- START TIME = 1751355885.386562 0.000030 (+0.000030) - START 0.005196 (+0.005166) - STOP - report STOP TIME = 1751355885.391743 */